<template>
        <div class="homeHeader">
            <div class="titleName">{{ titleName }}</div>
            <!-- 说明 -->
            <div class="titleDesc">{{ titleDesc }}</div>
        </div>
</template>
<script setup>
// 接收父组件传的text参数
const props = defineProps({
    titleName: {
        type: String,
        default: '企业智能长文档问答平台'
    },
    titleDesc: {
        type: String,
        default: '通过多跳推理机制自动分析信息并针对性检索，帮助用户获取更全面的医疗知识'
    }
})
</script>

<style lang="scss" scoped>
.homeHeader {
    color: #fff;
    font-weight: 700;
    height: 100px;
    background: linear-gradient(to right, rgb(19, 51, 66), rgb(8, 109, 164));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .titleName {
		font-size: 30px;
	}

	.titleDesc {
		font-size: 15px;
		margin-top: 4px;
	}
}
</style>